<template>
  <div id="teamPage">
    <van-search v-model="searchText" placeholder="搜索队伍" clearable="true" @search="onSearch" />
    <team-card-list :teamList="teamList"/>
    <van-empty v-if="teamList?.length < 1" description="数据为空"/>
  </div>
</template>

<script setup>
import {useRouter} from "vue-router"
import TeamCardList from "../../components/TeamCardList.vue";
import {onMounted, ref} from "vue";
import myAxios from "../../plugins/myAxios.ts";
import {Toast} from "@vant/compat";
const router=useRouter();
//跳转到加入队伍页
const doJoinTeam =()=>{
  router.push({
    path: "/team"
  })
}
const searchText =ref('');

const teamList = ref([]);
//页面加载时候触法一次，查询队伍
/**
 * 搜索队伍
 * @param val
 * @returns {Promise<void>}
 */
const listTeam = async (val = '') => {
  const res = await myAxios.get("/team/list/my/join", {
    params: {
      searchText: val,
      pageNum: 1,
    },
  });
  if (res?.code === 0) {
    teamList.value = res.data;
  } else {
    Toast.fail('加载队伍失败，请刷新重试');
  }
}
onMounted(async ()=>{
  listTeam();
})
const onSearch=(val)=>{
  listTeam(val)
}
</script>

<style scoped>

</style>